<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" name="viewport">
    <meta name="apple-itunes-app" content="app-id=1070842761, affiliate-data=myAffiliateData, app-argument=myURL">
    <title>Hello React!</title>
    <link rel="stylesheet" href="/public/index.css" />
    <script type='text/javascript'>
        // 设置rem字号
        ;(function() {
            var docEl = document.documentElement;
            var resize = 'orientationchange' in window ? 'orientationchange' : 'resize';
            var setRem = function() {
                var screenWidth = docEl.clientWidth || window.screen.width || 350;
                screenWidth = screenWidth > 600 ? 600 : screenWidth;
                docEl.style.fontSize = (100 * screenWidth / 375) + 'px';
            };
            // 屏幕大小变化后重新设置rem字号
            window.addEventListener(resize, setRem, false);
            setRem();
        })();
    </script>
</head>

<body>
    <div id="example"></div>

    <!-- Dependencies -->
    <!-- <script src="./node_modules/react/umd/react.development.js"></script>
        <script src="./node_modules/react-dom/umd/react-dom.development.js"></script> -->

    <!-- Main -->
    <script src="/dist/vendor.bundle.js"></script>
    <script src="/dist/bundle.js"></script>
</body>

</html>